<!doctype HTML public "-//W3C//DTD HTML 4.0 Frameset//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<meta name="generator" content="Adobe RoboHelp - www.adobe.com">
<title>Creating an interactive, Flash-only selector</title>
<link rel="stylesheet" href="userhelp_ns.css"><script type="text/javascript" language="JavaScript" title="WebHelpSplitCss">
<!--
if (navigator.appName !="Netscape")
{   document.write("<link rel='stylesheet' href='userhelp.css'>");}
//-->
</script>
<style type="text/css">
<!--
img_whs1 { border:none; width:815px; height:472px; float:none; border-style:none; }
ol.whs2 { list-style:decimal; }
img_whs3 { border:none; width:31px; height:13px; float:none; border-style:none; }
ul.whs4 { list-style:disc; }
-->
</style><script type="text/javascript" language="JavaScript" title="WebHelpInlineScript">
<!--
function reDo() {
  if (innerWidth != origWidth || innerHeight != origHeight)
     location.reload();
}
if ((parseInt(navigator.appVersion) == 4) && (navigator.appName == "Netscape")) {
	origWidth = innerWidth;
	origHeight = innerHeight;
	onresize = reDo;
}
onerror = null; 
//-->
</script>
<style type="text/css">
<!--
div.WebHelpPopupMenu { position:absolute; left:0px; top:0px; z-index:4; visibility:hidden; }
-->
</style><script type="text/javascript" language="javascript1.2" src="whmsg.js"></script>
<script type="text/javascript" language="javascript" src="whver.js"></script>
<script type="text/javascript" language="javascript1.2" src="whproxy.js"></script>
<script type="text/javascript" language="javascript1.2" src="whutils.js"></script>
<script type="text/javascript" language="javascript1.2" src="whlang.js"></script>
<script type="text/javascript" language="javascript1.2" src="whtopic.js"></script>
</head>
<body><script type="text/javascript" language="javascript1.2">
<!--
if (window.gbWhTopic)
{
	if (window.addTocInfo)
	{
	addTocInfo("Creating and modifying documents and dashboards\nDesigning dynamic enterprise dashboards\nProviding interactivity to users: Selectors\nCreating selectors\nCreating an interactive, Flash-only selector");
addButton("show",BTN_TEXT,"Show","","","","",0,0,"","","");

	}
	if (window.writeBtnStyle)
		writeBtnStyle();

	if (window.writeIntopicBar)
		writeIntopicBar(1);

	if(1)
	{
	
	}

	if (window.setRelStartPage)
	{
	setRelStartPage("MicroStrategy_Web_Help.htm");

		autoSync(1);
		sendSyncInfo();
		sendAveInfoOut();
	}
}
else
	if (window.gbIE4)
		document.location.reload();

//-->
</script>
<h1>Creating an interactive, Flash-only selector</h1>
<p>You can choose from several styles of selectors to add to your document, 
 as described in 
<a href="Defining_a_selector.htm">Defining a selector</a>. 
 Some selectors are more interactive than standard selectors when they 
 are displayed in Flash Mode. These unique selectors look like standard 
 selectors in Editable, Interactive, and View Mode, but are formatted differently 
 in Flash Mode and become interactive when a user hovers the cursor over 
 them. </p>
<p>The image below depicts a Fish Eye Selector, which is one of these interactive, 
 Flash-only styles of selectors. The Fish Eye Selector is a selector that 
 magnifies an item when you hover the cursor over it as you work in Flash 
 Mode. Any item that you hover over or select remains magnified, while 
 the remaining items are minimized and displayed in the background of the 
 selector. In the sample below, the Fish Eye Selector on the left contains 
 a list of cities. When Grand Rapids is chosen in the selector, the target 
 grid on the right is updated to display data related to the city of Grand 
 Rapids.<br>
&nbsp;</p>
<p><img src="images/selector_fisheye.gif" x-maintain-ratio="TRUE" width="815px" height="472px" border="0" class="img_whs1"></p>
<p>You can create an interactive, Flash-only, selector such as the Fish 
 Eye Selector from 
<a href="#Apply to selector">scratch</a> or by 
<a href="#Create from scratch">applying 
 its style to an existing selector</a>. </p>
<h2>
<a name="Create from scratch"></a>To create an interactive, Flash-only 
 selector</h2>
<ol type="1" class="whs2">
	
<li class=p><p>Open the document in <span style="font-weight: bold;"><B>Design 
 </B></span>or <span style="font-weight: bold;"><B>Editable Mode</B></span>. </p></li>
	
<li class=p><p>On the Controls toolbar, from the <span style="font-weight: bold;"><B>Selector 
 Control</B></span> <img src="images/SelectorControl.gif" x-maintain-ratio="TRUE" width="31px" height="13px" border="0" class="img_whs3"> drop-down menu, choose <span style="font-weight: bold;"><B>Fish 
 Eye Selector</B></span>.</p></li>
</ol>
<ol start="3" type="1" class="whs2">
	
<li class=p><p>Click a location on your document in which to place 
 the selector. You cannot place it in the Detail section of a document. 
 The selector is displayed in its default DHTML style, as explained below. 
 For example, the Fish Eye Selector is displayed as a Listbox in Editable, 
 Interactive, and View Mode.</p></li>
	
<li class=p><p>If desired, resize the selector by clicking and dragging 
 its handles.</p></li>
	
<li class=p><p>Right-click the selector, and select <span style="font-weight: bold;"><B>Properties 
 and Formatting</B></span>. The Properties and Formatting dialog box opens.</p></li>
	
<li class=p><p>From the left, choose <span style="font-weight: bold;"><B>Selector</B></span>.</p></li>
	
<li class=p><p>From the<span style="font-weight: bold;"><B> DHTML Style</B></span> 
 drop-down list, choose the style in which the selector is displayed in 
 Editable, Interactive, and View Mode.</p></li>
	
<li class=p><p>Define the selector and its targets. For the steps, 
 see 
<a HREF="Insert_a_selector.htm">Inserting a selector into a document</a>.</p></li>
	
<li class=p><p>Click <span style="font-weight: bold;"><B>OK</B></span> to 
 apply the changes.</p></li>
</ol>
<p>To view and interact with the selector, switch to Flash Mode by selecting 
 <span style="font-weight: bold;"><B>Flash Mode</B></span> from the <span style="font-weight: bold;"><B>Home</B></span> 
 menu. </p>
<ul type="disc" class="whs4">
	
<li class=p><p>If Flash Mode is not available in the View menu, you 
 must make Flash Mode available in the document. For these steps, see 
<a 
 href="Defining_available_display_modes.htm">Defining which display modes 
 are available to users</a>.</p></li>
</ul>
<h2>
<a name="Apply to selector"></a>To make an existing selector an interactive, 
 Flash-only selector</h2>
<h2>Prerequisites</h2>
<p>This procedure assumes that a selector is already in the document. For 
 steps, see 
<a href="Insert_a_selector.htm">Inserting a selector into a 
 document</a>.</p>
<p>&nbsp;</p>
<ol type="1" class="whs2">
	
<li class=p><p>Open the document in <span style="font-weight: bold;"><B>Design 
 </B></span>or <span style="font-weight: bold;"><B>Editable Mode</B></span>. </p></li>
	
<li class=p><p>Right-click the selector and select <span style="font-weight: bold;"><B>Properties 
 and Formatting</B></span>. The Properties and Formatting dialog box opens.</p></li>
	
<li class=p><p>From the left, choose <span style="font-weight: bold;"><B>Selector</B></span>.</p></li>
	
<li class=p><p>From the <span style="font-weight: bold;"><B>Flash Style</B></span> 
 drop-down list, choose <span style="font-weight: bold;"><B>Fish Eye Selector</B></span>.</p></li>
</ol>
<ol start="5" type="1" class="whs2">
	
<li class=p><p>Click <span style="font-weight: bold;"><B>OK</B></span> to 
 apply the changes. </p></li>
</ol>
<p>To view and interact with the selector widget, select <span style="font-weight: bold;"><B>Flash 
 Mode</B></span> from the <span style="font-weight: bold;"><B>Home</B></span> menu. 
 If Flash Mode is not available in the View menu, you must make Flash Mode 
 available in the document. For steps, see 
<a HREF="Defining_available_display_modes.htm">Defining 
 which display modes are available to users</a>.</p>
<script type="text/javascript" language="javascript1.2">
<!--
highlightSearch();
if (window.writeIntopicBar)
	writeIntopicBar(0);
if(0)
{

}
//-->
</script>
</body>
</html>
